
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.white {background: #fff;}
.padding_top_bottom { padding: 30px 0px }
.padding_left_right { border-left: solid 1px #000; }
.center { text-align: center; }
.medium { font-size: 90%; line-height: 1.0em; }
.color_white { color: #fff;}

/* Global properties ======================================================== */

body{ background: #000 url(../../../img/seo.solution/bg.jpg) top center no-repeat; border:0; font:13px Tahoma, Helvetica, sans-serif; color:#595959; line-height:21px; min-width:980px;}

/* ============================= main layout ====================== */

a{ color:#525252; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h1{ padding:0px; margin: 10px 10px;}
h2{ font-size:28px;font-family:  'Tahoma', cursive; text-shadow:1px 1px 1px rgba(0,0,0,.3); line-height:1.2em; color:#1372ad; font-weight:normal; padding:0px; margin: 10px 10px;}
h2 span{ display:block; font-size:24px; line-height:1.2em; margin-top:-11px;}
h3{ font-size:20px; color:#1a1a1a; font-family:  'Tahoma', cursive; font-weight:normal; line-height:1.2em; padding:12px 0 18px 0; text-shadow:1px 1px 1px rgba(0,0,0,.3); }
h5{ font-size:14px; color:#1a1a1a; font-family:  'Tahoma', cursive; text-align:center; font-weight:normal; line-height:1.0em; padding:5px 0 5px 0; text-shadow:1px 1px 1px rgba(0,0,0,.3); }
h3.pad{ padding-top:0; margin-top:-5px; padding-bottom:0; margin-bottom:-2px; display:inline-block}
.letter_spacing{ letter-spacing:-2px;}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
div.nav { position: absolute; top: 0px; width: 1135px; height:152px; padding: 28px 0px 0px 0px; margin: 0px 0px 0px -14px;
	background: transparent url(../../../img/seo.solution/bg_menu.png) top left no-repeat;
	z-index: 10px; 
}
.header{ margin-top: 142px; height:415px; }
.header-small{ margin-top: 60px; height:5px; background: #fff; }
.baner { margin:0px; float: right; }
.baner-subpage { margin:0px 0px 20px 0px; }
.baner-content {  background:  transparent url(../../../img/seo.solution/baner-content.png) bottom repeat-x;  }

div.welcome { position: absolute; width: 300px; color: #efefef; }
div.welcome h1{ padding:0px; margin: 10px 0px; font-size: 20px; color: #1372AD; }

 
.logo{ display:block; width:200px; height:122px; position:relative; z-index: 10;}
.logo img{ position:absolute; top:0px; left:-4px;}

div.aktualnosci-promocje { position: absolute; top: 0px; width: 264px; padding: 0px; margin: 0px 0px 0px 738px; z-index: 11px; }
div.aktualnosci-promocje .button-aktualnosci { float: left; z-index: 11px;  }


/* ============================= content ====================== */

.content { background: transparent url(../../../img/seo.solution/bg_repeat.png) top left repeat; padding: 0px 50px;}
.content_header { background: transparent url(../../../img/seo.solution/bg_repeat.png) top left repeat; padding: 0px 50px;  margin-top: 152px;}
.info { background: #fff url(../../../img/seo.solution/icon_i.jpg) 10px 50% no-repeat; color: #a4a4a4; font-size: 140%; line-height: 1.4em;}
.store { background: #fff url(../../../img/seo.solution/icon_store.jpg) 10px 50% no-repeat; color: #060606; font-size: 140%;  line-height: 1.4em; }
.oferta { background: #fff; margin: 0px 10px; padding: 20px 0px; float: left;}
.oferta-cd { background: #fff; margin: 0px 10px; padding: 20px 0px; float: left;}
.promocje { background: #fff; margin: 0px 10px; padding: 20px 0px; float: left;}
.fotter-content {background: url(../../../img/seo.solution/bg_repeat.png) top center repeat; padding: 0px 50px;}
.fotter-copyright {background: url(../../../img/seo.solution/bg_repeat.png) top center repeat; height: 68px; padding: 0px 50px;}
.logowanie, .copyright { margin-top: 20px; }
.copyright { text-align: right; }
.partners-rotator { margin: 1px 0px 0px 0px;  background:#fff; } 

/* ============================= forms ============================= */

/* form */
form ol { list-style:none;  margin:0; padding:0;}
form ol li { display:block; clear:both;  margin:0; padding:0;}
form ol li label { display:block; margin:0; padding:16px 0 0 0;}
form ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
form ol li textarea { width:480px; height: 145px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
form ol li .send { margin:16px 0 0 0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px;  padding:5px 0; font:normal 11px  Georgia, "Times New Roman", Times, serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:370px; border:1px solid #b5b5b5; margin:5px 0; padding:5px 2px; height:8px; background:#fff;}
#contactform textarea { width:370px; border:1px solid #b5b5b5; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

